@media(min-width:1000px) {
    .center-styles {
        display: flex;
    }
    .center-PersonalNote {
        max-width: 380px;
        margin-right: 10px;
        height: 800px;
    }
}

@media(max-width:1000px) {
    .center-styles {
        display: block
    }
}

.center-avatar {
    width: 150px;
    height: 150px;
    border-radius: 50%;
    margin-bottom: 20px;
}
.center-text{
    margin-left:10px;
}